@include comp(input) {
  .input-box::placeholder {
    position: relative;
    top: 0.5px;
  }
}

@include comp(table) {
  /*mini尺寸在对number输入框样式做特殊调整*/
  .plt-cell .#{componentName(input)}:not(.input-multiple) .input-box {
    padding-bottom: 4px !important;
  }

  /*对input的样式做特殊调整*/
  .plt-cell .#{componentName(number)}:not(.input-multiple) .input-box {
    padding-bottom: 2px !important;
  }
}

.preset-tag-list {
  @include comp(tag) {
    margin-left: 0 !important;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    background-color: transparent !important;
    position: relative;
    user-select: none;

    &:before {
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background-color: currentColor !important;
      opacity: 0.15;
      z-index: 1;
      content: '';
      transition: all ease 300ms;
    }
    & > span {
      position: relative;
      z-index: 2;
    }

    &:hover {
      &:before {
        opacity: 0.35;
      }
    }
    &:active {
      &:before {
        opacity: 0.55;
      }
    }
  }
}

.icon-list-panel {
  padding: 0.5em;

  .icon-list-item {
    height: 2em;
    width: 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;

    &:hover {
      background-color: plv(secondary-light-2);
    }

    &.icon-is-selected {
      background-color: plv(primary-6);
      color: plv(pbfc);
    }
  }
}
